<template>
    <el-image :src="showImage" v-bind="$attrs" v-on="$listeners" :preview-src-list="previewList">
        <div slot="error" class="image-slot">
            <i class="el-icon-picture-outline"></i>
        </div>
    </el-image>
</template>
<script>
    export default {
        name:"SimpleImage",
        props:{
            src:{
                type:String,
                default:""
            },
            isPreview:{
                type:Boolean,
                default:true
            }
        },
        data(){
            return {
            }
        },
        created() {
        },
        computed:{
            showImage(){
                return process.env.VUE_APP_BASE_API +this.src
            },
            previewList(){
                return this.isPreview?[this.showImage]:[]
            }
        },
        methods:{

        }
    }
</script>
